<!DOCTYPE html>
<html lang="en" style="font-size: 100px;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册页</title>
    <link rel="stylesheet" href="__CSS__/reset.css">
    <link rel="stylesheet" href="__CSS__/navbar.css">
    <link rel="stylesheet" href="__CSS__/footer.css">
    <link rel="stylesheet" href="__CSS__/register.content.css">
    <style>
        /* 自己写的样式 */

        .register-main {
            width: 100%;
            background: #f1f1f1;
        }

        .register-body {
            background: #f1f1f1;
        }

        .user-info-warp {
            width: 70%;
            background: #fff;
            margin: 1rem 0;
            border-radius: 0.1rem;
        }

        .unbind-phone-cell input {
            height: 0.36rem;
        }
        .save-warp>.btn{
            width: 1rem;
            height: 0.32rem;
            text-align: center;
            line-height: 0.32rem;
            color:#fff;
            background: #fe584d;
        }
        .right-box{
            position: relative;
            cursor: pointer;
        }
        .right-box-mask{
            height: 100%;
            width: 100%;
            position: absolute;
            top: 0;
            background: rgba(0,0,0,0.5);
            color: #fff;
            opacity: 0;
            transition: all 0.2s;
        }
        .right-box:hover .right-box-mask{
            opacity: 1;
        }
    </style>
</head>

<body>
    {include file='../application/index/view/v1/common/navbar.html'/}
    <div class="register-main">
        <div class="main register-body">
            <div class="user-info-warp user-table-view">
                <div class="commond-title">
                    <h2><i></i>注册极果</h2>
                </div>
                <div class="user-bind-phone">
                    <div class="bind-title">
                        <ul class="clear">
                            <li class="on fl">
                                <div class="circular">1</div>
                                <div class="tips">验证邮箱号</div>
                            </li>
                            <li class="fr">
                                <div class="circular">2</div>
                                <div class="tips">设置密码</div>
                            </li>
                        </ul>
                    </div>
                    <div class="bind-yes-use">
                        <ul>
                            <li>
                                <div class="unbind-phone-cell">
                                    <label><input data-tel="" type="text" placeholder="输入邮箱号"></label>
                                </div>
                            </li>
                            <li>
                                <div class="unbind-phone-cell">
                                    <label>
                                        <input data-img-code="" class="w-160" type="text" placeholder="输入图片验证码">
                                        <div class="right-box code">
                                            <img data-register-img-code="" src="http://api.jg.com/verifycode/getcode" class="cp">
                                            <div class="right-box-mask">
                                                看不清换一张
                                            </div>
                                        </div>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="unbind-phone-cell">
                                    <label>
                                        <input data-phone-code="" class="w-160" type="text" placeholder="输入邮箱收到的验证码">
                                        <div class="right-box getcode cp">获取验证码</div>
                                    </label>

                                </div>
                            </li>
                            <li>
                                <div class="unbind-phone-cell tc">
                                    <label class="cp">
                                        <input data-vip-code="" class="mr5 cp"
                                            style="width: auto;vertical-align: middle;" type="checkbox" checked=""
                                            value="1">
                                        我同意<a class="blue" href="/html/UserRegAgreement" target="_blank">《极果用户协议》</a>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="user-table-cell">
                        <div class="user-item-cell">
                            <div class="save-warp">
                                <a class="btn">确定</a>
                            </div>
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </div>
    {include file='../application/index/view/v1/common/footer.html'/}
</body>
<script src="__JS__/debounces.js"></script>
<script src="__JS__/axios.min.js"></script>
<script src="__JS__/jquery-v1.12.0.min.js"></script>
<script src="__JS__/user/register.js"></script>
</html>